
<ion-header>
<div class="uh bc-head" data-control="HEADER" id="Header">
  <div class="ub">
    <div class="nav-btn" id="nav-left" (click)="navCtrl.pop()">
      <div class="ub-img1 back_btn_img"></div>
    </div>
    <h1 class="ut ub-f1 ulev-3 ut-s tx-c color_black" tabindex="0">心力目标</h1>
    <div class="nav-btn" id="nav-right">
      <div class="ub-img1 icon-disk color_red ">
        完成
      </div>
    </div>
  </div>
</div>
</ion-header>


<ion-content >
  <div class="bc-bg ub ub-ver" data-control="CONTENT" id="ScrollContent_dMIpN4" style="padding-top: 3em;">
    <div class="ub ub-ac pad_left7 umh5 fontsize9">
      现有心力
    </div>
    <div class="ub ub-ac ubb bc-border pad_left7 height6 maxW bor bc-head">
      <div class="ub ub-f1">
        环境
      </div>
      <div class="ub bc-bg bor_a umar-r fontcolor999 yuanjiao3">
        <div class="pad_qzr bor_r" id="NL1" (click)="setNL(this.id)">
          好
        </div>
        <div class="color_red pad_qzr bor_r bc-head" id="NL2" (click)="setNL(this.id)">
          中
        </div>
        <div class="pad_qzr" id="NL3" (click)="setNL(this.id)">
          差
        </div>
      </div>
    </div>
    <div class="ub ub-ac pad_left7 height6 maxW bor bc-head">
      <div class="ub ub-f1">
        内心
      </div>
      <div class="ub bc-bg bor_a umar-r fontcolor999 yuanjiao3">
        <div class="pad_qzr bor_r" id="ZY1" (click)="setZY(this.id)">
          强
        </div>
        <div class="color_red pad_qzr bor_r bc-head" id="ZY2" (click)="setZY(this.id)">
          中
        </div>
        <div class="pad_qzr" id="ZY3" (click)="setZY(this.id)">
          弱
        </div>
      </div>
    </div>
  
    <div class="ub ub-ac pad_left7 umh5 fontsize9">
      梦想心力
    </div>
    <div class="ub ub-ver  maxW bor bc-head">
      <div class="uba bc-border uinput ub ub-f1">
        <textarea id="desc" placeholder="写下对未来心力目标：心疾消除、快乐平静、雄心壮志、影响他人等方面" type="text" class="ub-f1" style="height:8em;"></textarea>
      </div>
    </div>
    <!-- <div class="ub ub-ac pad_left7 umh5 ">
                      <div class="ub ub-f1 fontsize9">
                          成长地图
                      </div>
                      <div class="ub" id="tab">
                          <div class="pad_123 act" id="one">
                              第一阶
                          </div>
                          <div class="pad_123" id="two">
                              第二阶
                          </div>
                          <div class="pad_123" id="three">
                              第三阶
                          </div>
                      </div>
                  </div>
                  <div id="childtab"  class="ub ub-ver pad_left7 pad_right7 maxW bor bc-head fontsize9">
                      <div id="tab1" >
  
                      </div>
                      <div id="tab2" style="display:none;">
  
                      </div>
                      <div id="tab3" style="display:none;">
  
                      </div>
  
                  </div> -->
  
  </div>

</ion-content>
